<template>
    <!-- 书写html结构 -->
    <div>
        <van-nav-bar
      left-text="消息详情"
      left-arrow
      @click-left="jump('Announcement')"
    /><div><br /></div>
        <div style="text-align: left;font-weight: bold;"><span style="font-size: 15px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蓝色水源自助加注机</span><br />
            <span style="font-size: 10px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2022-08-05 16:30</span><br /><br />
            <span style="font-size: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;兼职创业好项目，无人值守，玻璃水自助售卖机</span><br />
            <span style="font-size: 12px; color: red;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;699元创业！1万块可做城市独家代理！</span>
        </div>
        <el-image :src="src"></el-image>
        <van-image
        width="95%"
        height="200"
        :src="i1"
        />
        <el-image :src="src"></el-image>
        <van-image
        width="95%"
        height="200"
        :src="i2"
        />
        <el-image :src="src"></el-image>
        <van-image
        width="95%"
        height="200"
        :src="i3"
        />
        <el-image :src="src"></el-image>
        <van-image
        width="95%"
        height="200"
        :src="i4"
        />
        <el-image :src="src"></el-image>
        <van-image
        width="95%"
        height="200"
        :src="i5"
        />
        <el-image :src="src"></el-image>
        <van-image
        width="95%"
        height="300"
        :src="i6"
        />
        <el-image :src="src"></el-image>
        <van-image
        width="95%"
        height="700"
        :src="i7"
        />
        <br /><br />
        <div style="text-align: left;font-weight: bold;"><span style="font-size: 13px;">&nbsp;&nbsp;&nbsp;由LE洗车官方与蓝色水源科技有限公司合作，借助LE洗车自</span><br />
            <span>        </span>
            <span style="font-size: 13px;">&nbsp;&nbsp;&nbsp;助洗车平台，200亿用户引流</span><br />
            <span>         </span>
            <span style="font-size: 13px;">&nbsp;&nbsp;&nbsp;帮助您迅速打开市场，扩大影响！</span>
        </div><br /><br /><br /><br />
        <div style="text-align: left"><span style="font-size: 13px;">&nbsp;&nbsp;&nbsp;详情请拨打: 4000-999-747</span><br />
            <span>          </span>
            <span style="font-size: 13px;">&nbsp;&nbsp;&nbsp;或添加客服微信: zpl201314521</span><br />
            <span>              </span>
            <span style="font-size: 13px;">&nbsp;&nbsp;&nbsp;LE1001, 李经理 (19913767653)</span><br />
            <span>               </span>
            <span style="font-size: 13px;">&nbsp;&nbsp;&nbsp;LE1002, 许经理 (1008611)</span>
        </div>
    </div>
  </template>
  
  <script>
    export default {
      props: {
        //注册属性，用来父子组件传递参数使用
      },
      data() {
        //定义数据的地方
        return {
            i1: require("../../../../src/assets/img/a/1.jpg"),
            i2: require("../../../../src/assets/img/a/2.jpg"),
            i3: require("../../../../src/assets/img/a/3.jpg"),
            i4: require("../../../../src/assets/img/a/4.jpg"),
            i5: require("../../../../src/assets/img/a/5.jpg"),
            i6: require("../../../../src/assets/img/a/6.jpg"),
            i7: require("../../../../src/assets/img/a/7.jpg"),
        };
      },
      created() {
        //生命周期  创建后要做的事情  vue被创建时候执行的
      },
      mounted() {
        // 生命周期  挂载完成后
      },
      methods: {
        //  方法事件处理
      jump(uri) {
        this.$router.push(
          uri,
          () => {},
          () => {}
        );
      },
      },
      components: {
        // 组件注册的地方 相当于pom文件
      },
    };
  </script>
  
  <style></style>
  